<div class="row justify-content-center">
    <div class="col-8">
        <div *ngIf="userContentComment">
            <h2><span jhiTranslate="server181102App.userContentComment.detail.title">User Content Comment</span> {{ userContentComment.id }}</h2>

            <hr>

            <jhi-alert-error></jhi-alert-error>

            <dl class="row-md jh-entity-details">
                <dt><span jhiTranslate="server181102App.userContentComment.commentPid" [ngbTooltip]="'server181102App.userContentComment.help.commentPid' | translate">Comment Pid</span></dt>
                <dd>
                    <span>{{ userContentComment.commentPid }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.userContentComment.commentTime" [ngbTooltip]="'server181102App.userContentComment.help.commentTime' | translate">Comment Time</span></dt>
                <dd>
                    <span>{{ userContentComment.commentTime }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.userContentComment.commentContent" [ngbTooltip]="'server181102App.userContentComment.help.commentContent' | translate">Comment Content</span></dt>
                <dd>
                    <span>{{ userContentComment.commentContent }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.userContentComment.clientType" [ngbTooltip]="'server181102App.userContentComment.help.clientType' | translate">Client Type</span></dt>
                <dd>
                    <span>{{ userContentComment.clientType }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.userContentComment.praiseCount" [ngbTooltip]="'server181102App.userContentComment.help.praiseCount' | translate">Praise Count</span></dt>
                <dd>
                    <span>{{ userContentComment.praiseCount }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.userContentComment.account">Account</span></dt>
                <dd>
                    <div *ngIf="userContentComment.account">
                        <a [routerLink]="['/user-account', userContentComment.account?.id, 'view']">{{ userContentComment.account?.id }}</a>
                    </div>
                </dd>
                <dt><span jhiTranslate="server181102App.userContentComment.content">Content</span></dt>
                <dd>
                    <div *ngIf="userContentComment.content">
                        <a [routerLink]="['/content-info', userContentComment.content?.id, 'view']">{{ userContentComment.content?.id }}</a>
                    </div>
                </dd>
            </dl>

            <button type="submit"
                    (click)="previousState()"
                    class="btn btn-info">
                <fa-icon icon="arrow-left"></fa-icon>&nbsp;<span jhiTranslate="entity.action.back">Back</span>
            </button>

            <button type="button"
                    [routerLink]="['/user-content-comment', userContentComment.id, 'edit']"
                    class="btn btn-primary">
                <fa-icon icon="pencil-alt"></fa-icon>&nbsp;<span jhiTranslate="entity.action.edit">Edit</span>
            </button>
        </div>
    </div>
</div>
